<!--
 * @Author zhaoyuemi
 * @Date 2020/10/13
 * @LastEditTime 2020/10/19
 * @LastEditors 86157
 * @Description NavFooter
 * @FilePath
 * @ router
 * @version 1.0
-->

<template>
    <div class="footer">
        <div class="footer-logo">
            <img src="/imgs/logo-footer.png" alt="小米商城">
            <p>小米商城</p>
        </div>
        <div class="footer-link">
            <a href="https://www.mi.com/index.html" target="_blank">小米商城</a><span>|</span>
            <a href="https://www.mi.com/index.html" target="_blank">小米商城</a><span>|</span>
            <a href="https://www.mi.com/index.html" target="_blank">小米商城</a><span>|</span>
            <a href="https://www.mi.com/index.html" target="_blank">小米商城</a><span>|</span>
            <a href="https://www.mi.com/index.html" target="_blank">小米商城</a>
        </div>
        <div class="copyrigth">Copyrigth @2019 <span>ahsdhfasldhjahdlahd</span> All Rights Reserved</div>
    </div>
</template>

<script>
    export default {
        name: "NavFooter"
    }
</script>

<style scoped lang="scss">
    @import "./../assets/scss/base.scss";
    @import "./../assets/scss/mixin.scss";
    @import "./../assets/scss/config.scss";
    .footer{
        height: 234px;
        border-top: 4px solid $colorA;
        background-color: #333333;
        color: #999999;
        font-size: $fontI;
        text-align: center;
        .footer-logo{
            margin-top: 46px;
            margin-bottom: 31px;
            img{
                width: 53px;
                height: 36px;
                margin-bottom: 13px;
            }
            p{

            }
        }
        .footer-link{
            margin-bottom: 13px;
            a{
                display: inline-block;
                color: #999999;
            }
            span{
                display: inline-block;
                margin: 0 10px;
            }
        }
        .copyrigth{
            span{
                color: $colorA;
            }
        }

    }
</style>